<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/base.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/login.css" />
    <title>品优购-登录页</title>
  </head>
  <body>
    <div class="login">
      <!-- 标题 -->
      <div class="title">
        <img src="../images/logo.png" alt="" />
      </div>

      <!-- 主体 -->
      <div class="center">
        <div class="wrapper">
          <div class="box">
            <!-- 登录方式 -->
            <div class="type">
              <a class="left" href="#">扫描登录</a>
              <a class="right" href="#">账户登录</a>
            </div>
            <p>公共场合不建议自动登录，以免账号丢失</p>
            <form id="loginForm">
              <!-- <input type="text" placeholder="邮箱/用户名/手机号" required /> -->
              <div class="input-container">
                <img src="../images/zh.png" class="input-icon" />
                <input type="text" placeholder="邮箱/用户名/手机号" class="input-field" required />
              </div>
              <div class="input-container">
                <img src="../images/pw.png" class="input-icon" />
                <input type="password" placeholder="请输入密码" class="input-field" required />
              </div>
              <div style="display: flex; justify-content: space-between; margin-bottom: 10px">
                <div style="display: flex; align-items: center">
                  <input type="checkbox" id="autoLogin" name="autoLogin" checked />
                  <label for="autoLogin" style="color: #a6a6a6; font-size: 12px">自动登录</label>
                </div>
                <a href="#" style="color: #000">忘记密码？</a>
              </div>
              <button type="submit" id="loginButton">登录</button>
            </form>
          </div>
        </div>
      </div>

      <!-- 底部 -->
      <div class="footer">
        <p>关于我们 | 联系我们 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English Site | Contact U</p>
        <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
        <p>京ICP备08001421号京公网安备110108007702</p>
      </div>
    </div>
  </body>
</html>
